<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单作业</title>
    <style>
        table{
            border: black solid 1px;
        }
        td{
            border: black solid 1px;
        }
        #ch{
            border: black solid 1px;
            text-align: center;
        }
        #submit{
            border: black solid 1px;
            text-align: center;
        }
    </style>
</head>
<body>
<h1>欢迎注册</h1>
<form action="#">
    <table>
        <tr>
            <td><label for="username">用户名:</label></td>
            <td><input type="text" id="username"></td>
        </tr>
        <tr>
            <td><label for="password">密码:</label></td>
            <td><input type="password" id="password"></td>
        </tr>
        <tr>
            <td>性别:</td>
            <td><input type="radio" name="gender" value="男">男&nbsp;<input type="radio" name="gender" value="女">女</td>
        </tr>
        <tr>
            <td>爱好:</td>
            <td><input type="checkbox" name="hobby" value="抽烟">抽烟&nbsp;<input type="checkbox" name="hobby" value="喝酒">喝酒&nbsp;<input type="checkbox" name="hobby" value="烫头">烫头</td>
        </tr>
        <tr>
            <td><label for="address">地址:</label> </td>
            <td><input type="text" id="address"></td>
        </tr>
        <tr>
            <td><label for="birth">生日:</label> </td>
            <td><input type="date" id="birth" value="2020-1-1"></td>
        </tr>
        <tr>
            <td><label for="picture">靓照:</label></td>
            <td><input type="file" id="picture"></td>
        </tr>
        <tr>
            <td><label for="city">所在地:</label></td>
            <td>
                <select id="city">
                    <option value="beijing" selected>北京</option>
                    <option value="shanghai">上海</option>
                    <option value="shenzhen">深圳</option>
                </select>
            </td>
        </tr>
        <tr>
            <td id="ch" colspan="2"><label for="checked"><input type="checkbox" id="checked">我同意相关的服务协议</label> </td>
        </tr>
        <tr>
            <td colspan="2" id="submit"><input type="submit" value="注册"></td>
        </tr>
    </table>
</form>

</body>
</html>